.pay-types { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.pay-types .wrapper { width: 1450px; padding: 80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 1470px) { .pay-types .wrapper { padding: 80px 30px; width: 100%; } }
.pay-types .wrapper h2 { color: #333333; font-size: 65px; font-weight: 800; margin: 0 0 40px 0; }
@media screen and (max-width: 1025px) { .pay-types .wrapper h2 { font-size: 36px; margin: 0 0 25px 0; } }
.pay-types .wrapper .types { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 40px 0 0 0; }
@media screen and (max-width: 1025px) { .pay-types .wrapper .types { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
.pay-types .wrapper .types .type { width: 25%; }
@media screen and (max-width: 650px) { .pay-types .wrapper .types .type { width: 100%; margin: 0 0 50px 0; } }
@media screen and (min-width: 651px) and (max-width: 1025px) { .pay-types .wrapper .types .type { margin: 0 0 60px 0; width: 50%; } }
.pay-types .wrapper .types .type h4 { font-size: 80px; color: #72b0c5; font-weight: 800; line-height: 90px; }
.pay-types .wrapper .types .type span { font-size: 14px; opacity: 0.5; color: #333333; }
.pay-types .wrapper .types .type p { color: #333333; margin: 10px 0 0 0; font-size: 16px; }
.pay-types .wrapper a { color: #72b0c5; font-size: 16px; font-weight: 500; text-decoration: none; margin: 70px 0 0 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; }
.pay-types .wrapper a:after { content: ""; display: block; width: 0%; position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; height: 1px; background-color: #89a6b3; bottom: -1px; left: 50%; }
.pay-types .wrapper a:hover:after { width: 100%; left: 0%; }